/*sort*/
.cate-nav{ position:relative; z-index:100; border-bottom:1px solid #ccc;}
.mall-cate-box{ background:#f7f7f7; border-bottom:1px solid #f0f0f0; border-top:1px solid #e2e2e2; z-index:100; }
.mall-cate{ width:100%; height:30px; display:-webkit-box; display:-moz-box;}
.mall-cate li{ -webkit-box-flex:1;-moz-box-flex:1; color:#999; display:block; height:30px; font-size:14px; text-align:center; line-height:32px; position:relative; }
.mall-cate li:after{ content:''; display:inline-block; position:absolute; top:7px; right:0px; border-left:1px solid #8b8686; width:1; height:22px; z-index:0;}
.mall-cate li:last-child:after{ border:none;}
.mall-cate li a{ display:block; margin-left:-15px; position:relative; text-decoration:none;}
.mall-cate li a:after{ content:''; display:inline-block; border-color:#b3aea5 transparent transparent; border-width:5px 5px; position:absolute; border-style:solid; top:14px; margin-left:10px;text-decoration:none;}

.sort-view{ position:relative; -webkit-box-flex:1; -moz-box-flex:1; overflow:hidden; width:50%;}
.sort-view section,.sort-sider section{ border-top:1px solid #d2d2d2;}
.sort-view section.select{ background:#f2f2f2;}
.sort-view section a,.sort-sider section a{ display:block; padding:12px 15px; display:-webkit-box; display:-moz-box; color:#595959; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-decoration:none;}
.sort-view section span{ -webkit-box-flex:1; -moz-box-flex:1; display:block; padding-left:21px; height:20px; line-height:20px;}
.sort-view section em{ width:30%; display:block; text-align:right; font-size:12px; line-height:20px; position:relative; top:1px; padding-right:10px;}
.sort-wrapper{ display:-webkit-box; display:-moz-box; background:#fafafa; width:100%;}
.sortdrop-wrapper{  width:100%; -webkit-transition:height.3s; overflow:hidden;}
.sort-sider{ width:50%; background:#f2f2f2; position:relative; overflow:hidden; -webkit-box-flex:1; -moz-box-flex:1;}
.sort-sider section span{ -webkit-box-flex:1; -moz-box-flex:1; display:block; height:20px; line-height:20px; white-space:nowrap;}
.sort-sider em{ width:30%; display:block; text-align:right; font-size:12px; line-height:20px; position:relative; top:1px;}

.pop-shade{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:20;}
.sort-sub-nav{background: #fff; display:none;}
.sort-sub-nav ul{ width:100%;display: -webkit-box;display:-moz-box;}
.sort-sub-nav ul li{-webkit-box-flex: 1;-moz-box-flex: 1; text-align:center; padding:0 10%;}
.sort-sub-nav ul li a{display: block;position: relative; padding:10px 0; text-decoration:none;}
.sort-sub-nav ul li.select a{border-bottom:2px solid #FF4100 text-decoration:none;}

.nav-hide {display: none;}